<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>商品详情页</title>
    <link rel="stylesheet" href="../css/goods-detail.css">
</head>
<body>
    <!-- 顶部标题 -->
    <div class="header-title">
        <h1>商品详情页</h1>
        <a href="goods.html" class="back-list">返回列表页</a>
    </div>

    <!-- 商品详情容器 -->
    <div class="detail-container">
        <!-- 商品基本信息 -->
        <div class="basic-info" id="goodsDetail">
            <!-- 商品信息将通过JavaScript动态插入 -->
        </div>

        <!-- 商品详细介绍 -->
        <div class="detail-info" id="goodsIntroduce">
            <div class="detail-title">
                <h2>商品详情</h2>
            </div>
            <div class="detail-content">
                <!-- 商品详细介绍将通过JavaScript动态插入 -->
            </div>
        </div>
    </div>

    <script src="../lib/axios.min.js"></script>
    <script src="../js/config.js"></script>
    <script src="../js/goods-detail.js"></script>
</body>
</html> 